html,
body {
  height: 100%;
  font-family: 'Roboto', sans-serif;
}

.navbar{
  border-radius: unset;
  border: unset;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  min-height: 100px;
  background-color: #111;
  .site-logo{
    padding-left: 50px;
  }
  .collapse{
    .navbar-nav{
    .nav-item{
     a{
      color: #fff;
      text-transform: uppercase;
      font-size: 20px;
     }
    }
    .nav-item:hover a{
      color: #a23fc3;
    }
  }
  }
  
}
// 导航条变窄的按钮
.navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: .25rem;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: url(../img/toggler-icon.png) no-repeat; 
  background-position: center;
}




.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{
  color: #991c95;
}

/* Preloder 加载界面*/
#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	// top: 50%;
	// left: 50%;
	// margin-top: -13px;
	// margin-left: -13px;
  top: calc(50% - 13px);
  left: calc(50% - 13px);
	border-radius: 50%;
	animation: loader 0.8s linear infinite;
}
// 加载界面动画
@keyframes loader {
  0% {
    transform: rotate(0deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
  50% {
    transform: rotate(180deg);
    border: 4px solid #673ab7;
    border-left-color: transparent;
  }
  100% {
    transform: rotate(360deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
}


// 媒体查询
@media screen and (max-width: 1024px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}